<template>
    <footer>
        <div class="container">
            <div class="footer-top">
                <div>
                    <div style="text-align: left; color: rgb(110, 110, 110); font-size: 16px;">购买渠道</div>
                    <ul>
                        <li>
                            <a href="https://haimengfangjuan.tmall.com/shop/view_shop.htm?spm=a230r.7195193.1997079397.15.4f101b5e9oIH2O" target="_blank">天猫旗舰店</a>
                        </li>
                        <li>
                            <a href="">京东自营旗舰店</a>
                        </li>
                    </ul>
                </div>
                <div>
                    <div class="phone-call">客服电话</div>
                    <div class="phone">4000-188-519</div>
                    <div class="phone-call-tips">周一至周五 9:30-18:30</div>
                    <div class="contact-method">
                        <div class="icon-weixin" @click="show = !show"></div>
                        <a class="icon-weibo" href=""></a>
                    </div>
                </div>
            </div>
            <div class="footer-bottom pc-footer">Copyright©JUAN9 . All Rights Reserved 流动创艺（厦门）酒业有限公司版权 <a href="http://www.beian.miit.gov.cn/" target="_blank">闽ICP备19025033号-1</a></div>
            <div class="footer-bottom mobile-footer">
                <div>Copyright©JUAN9 . All Rights Reserved</div>
                <div>流动创艺（厦门）酒业有限公司版权</div>
            </div>
        </div>
        <van-popup v-model="show" round>
            <div class="qrcode">
                <img class="qrcode-img" src="@/assets/qrcode.jpg" alt="">
            </div>
        </van-popup>
    </footer>
</template>
<script>
export default {
    data() {
        return {
            show: false
        }
    }
}
</script>
<style lang="less" scoped>
.qrcode {
    width: 260px;
    padding: 10px;
    .qrcode-img {
        width: 100%;
    }
}
</style>
